<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--<meta name = "format-detection" content="telephone = no" />-->
    <title>baojie</title>
    <!--<link rel="stylesheet" href="./pcStyle.css" type="text/css" rel="stylesheet">-->
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    img {
        display: block;
    }

    body {
        background: #93def9;
    }

    .div1 {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .heard {
        width: 30%;
        height: 15%;
        background: #93ddf9;
        position: relative;
    }

    .heard img {
        width: 45%;
        height: 58%;
        margin: 0 auto;
        padding-top: 15%;
    }

    .main {
        width: 100%;
        height: 60%;
        background: #93ddf9;
        position: relative;
        text-align: center;
    }

    .main img {
        width: 75%;
        height: 50%;
        margin: 0 auto;
        padding-top: 5%;
    }

    input {
        width: 40%;
        height: 13%;
        font-size: 100%;
        margin-top: 10%;
        border-radius: 10%;
        box-shadow: 5px 1px 3px 5px #EEEEEE;
        border: 1px solid white;
        background: rgb(245, 106, 148);
        color: white;
    }

    .footer {
        width: 100%;
        height: 26%;
        background: -webkit-linear-gradient(#93ddf9, snow);
        background: -o-linear-gradient(#93ddf9, snow);
        background: -moz-linear-gradient(#93ddf9, snow);
        background: linear-gradient(#93ddf9, snow);
    }

    .footer img {
        width: 100%;
        height: 100%;
    }

    input[type=button], input[type=submit], input[type=file], button {
        cursor: pointer;
        -webkit-appearance: none;
        opacity: 1;
    }
</style>
<body>
<div class="div1">
    <div class="heard">
        <img src="./images/logo.gif" alt="宝洁">
    </div>
    <div class="main">
        <img src="./images/main.gif">
        <input class="btn" type="button" value="反馈有礼" onclick="window.location.href='survey'">
    </div>
    <div class="footer">
        <img src="./images/title.gif">
    </div>
</div>
</body>
</html>